Skip to content

feat: improve accessibility, performance, and SEO - #7

Merged
maheshrijal merged 1 commit into
mainfrom
feat/ui-accessibility-seo-improvements
Jan 24, 2026
Merged

maheshrijal merged 1 commit into
mainfrom
feat/ui-accessibility-seo-improvements

Conversation

@maheshrijal

Copy link
Copy Markdown
Owner

Accessibility (Web Interface Guidelines):

  • Add aria-labels to icon buttons and dynamic elements
  • Add skip link for keyboard navigation
  • Add proper focus-visible states (remove outline:none anti-pattern)
  • Add keyboard support for history items (role=button + keydown)
  • Fix heading hierarchy with visually-hidden H1
  • Add semantic element
  • Use proper input types (tel, email) with autocomplete attributes
  • Add prefers-reduced-motion support
  • Fix typography: use proper ellipsis character (…)

Performance (Vercel Best Practices):

  • Add defer to third-party scripts (pdfmake)
  • Add preconnect for CDN and font domains
  • Add font-variant-numeric: tabular-nums for number alignment
  • Replace transition:all with specific properties
  • Add touch-action: manipulation for mobile

Design Enhancements:

  • Upgrade typography: DM Sans (body) + Plus Jakarta Sans (headings)
  • Add subtle noise texture overlay for depth
  • Add text-wrap: balance on headings

SEO Improvements:

  • Add robots.txt with sitemap reference
  • Add sitemap.xml
  • Improve title tag with keywords (56 chars)
  • Add SoftwareApplication + WebApplication structured data
  • Add OG image meta tags
  • Change twitter:card to summary_large_image
  • Add theme-color meta tag

Amp-Thread-ID: https://ampcode.com/threads/T-019bee5e-33fb-7526-9a97-ab10f03bd6ff

Accessibility (Web Interface Guidelines):
- Add aria-labels to icon buttons and dynamic elements
- Add skip link for keyboard navigation
- Add proper focus-visible states (remove outline:none anti-pattern)
- Add keyboard support for history items (role=button + keydown)
- Fix heading hierarchy with visually-hidden H1
- Add semantic <main> element
- Use proper input types (tel, email) with autocomplete attributes
- Add prefers-reduced-motion support
- Fix typography: use proper ellipsis character (…)

Performance (Vercel Best Practices):
- Add defer to third-party scripts (pdfmake)
- Add preconnect for CDN and font domains
- Add font-variant-numeric: tabular-nums for number alignment
- Replace transition:all with specific properties
- Add touch-action: manipulation for mobile

Design Enhancements:
- Upgrade typography: DM Sans (body) + Plus Jakarta Sans (headings)
- Add subtle noise texture overlay for depth
- Add text-wrap: balance on headings

SEO Improvements:
- Add robots.txt with sitemap reference
- Add sitemap.xml
- Improve title tag with keywords (56 chars)
- Add SoftwareApplication + WebApplication structured data
- Add OG image meta tags
- Change twitter:card to summary_large_image
- Add theme-color meta tag

Amp-Thread-ID: https://ampcode.com/threads/T-019bee5e-33fb-7526-9a97-ab10f03bd6ff
Co-authored-by: Amp <amp@ampcode.com>
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying rebill with  Cloudflare Pages  Cloudflare Pages

Latest commit: b93f711
Status: ✅  Deploy successful!
Preview URL: https://458e7d25.rebill.pages.dev
Branch Preview URL: https://feat-ui-accessibility-seo-im.rebill.pages.dev

View logs

@maheshrijal
maheshrijal merged commit 4ba8a0b into main Jan 24, 2026
2 checks passed
@maheshrijal
maheshrijal deleted the feat/ui-accessibility-seo-improvements branch January 24, 2026 05:18
@github-actions

Copy link
Copy Markdown

Playwright test results

passed  72 passed

Details

stats  72 tests across 2 suites
duration  2 minutes, 12 seconds
commit  b93f711

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant